<!--  frame 模板 -->
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="divport" content="width=device-width,initial-scale=1,user-scalable=no" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
	<title>商城公告</title>
	<link rel="stylesheet" href="../plugin/hhframe/hhframe.min.css" />
	<link rel="stylesheet" href="../style/index.css" />

	<style>
		body {
			background-color: #f5f5f5;
		}

		.content {
			background: #fff;
			padding: 0 0.30rem;
		}

		.title {
			line-height: 0.45rem;
			font-size: 0.34rem;
			font-weight: 800;
			padding: 0.10rem 0;
		}

		.time {
			margin: 0.10rem 0;
			font-size: 0.28rem;
			color: #999;
		}

		.rich-text {
			font-size: 0.30rem;
			color: #666;
			line-height: 0.45rem;
		}
	</style>
</head>

<body>
	<div class="content app" v-cloak>
		<div class="title">{{list.title}}</div>
		<div class="time">{{list.create_time}}</div>
		<div class="rich-text">
				<div v-html="list.context"></div>
		</div>
	</div>
</body>
<script src="../plugin/jquery.js"></script>
<script src="../plugin/vue.all.js"></script>
<script src="../plugin/hhframe/hhframe.min.js"></script>
<script src="../plugin/public.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	window.addEventListener("apiready", function() {
		id=api.pageParam.id
		index()
	});
  var id;
	function index() {
		var vm = new Vue({
			el: ".app",
			data: {
				list: [],
			},
			mounted: function() {
				this.newDetail()
			},
			methods: {

				//商城公告列表
				newDetail: function() {
					AjaxSafe({
						url: '/xapp/index/noticeNewInfo/' + id,
						loader: true,
						success: ret => {
							if (ret.state) {
								vm.list = ret.data
							}
							api.refreshHeaderLoadDone() //关闭下拉刷新状态
						},
						failed: function(err) {
							api.refreshHeaderLoadDone() //关闭下拉刷新状态
							alert("网络故障！");
						}
					})
				},

			},

		});
	}
</script>

</script>

</html>
